<template>
  <div role="tabpanel" class="tab-pane active" id="Message">
    <ul class="list-group">
      <li class="list-group-item" v-for="item in msg" :key="item.id">
        <router-link  :to="`/home/message/msg/${item.id}?title=${item.title}` ">{{item.title}}</router-link>
      </li>
    </ul>
    <div class="alert alert-success" role="alert">
        <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "VueDemoMessage",
  data() {
    return {
      msg: [
        { id: 1, title: "123" },
        { id: 2, title: "456" },
        { id: 3, title: "789" },
      ],
    };
  },

};
</script>

<style lang="scss" scoped>
</style>